﻿var $imt = jQuery.noConflict(); 

$imt(document).ready(function() {    

$imt('#respond #submit').val('发布评论(Ctrl+Enter)');

if ($imt('#respond #commentform').length) {
    $imt('#respond #commentform').submit(function(){    //ID为 commentform 的表单提交时发生的函数，也就是整个留言输入框 form 的ID。
        jQuery.ajax({
            url:  imt_mysite_url+'comments-ajax.php',    //刚刚创建的 comments-ajax.php 文件的位置，建议用绝对路径。
            data: $imt('#commentform').serialize(),    
            type: 'POST',
            beforeSend: function() {
			$imt('#respond #reply .imt-request').remove();
			$imt('#respond #commentform').block({ 
                message: '<img src="'+imt_mysite_url+'images/ajax-loader.gif" />正在提交评论请稍候～', 
				fadeIn: 1000, 
				fadeOut: 1000, 
                css: {width: '350px', top: '10px',left: '', right: '10px', border: 'none',  padding: '5px',  backgroundColor: '#000000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .6, color: '#fff',cursor:'wait' }  
            }); 
            },
            error: function(request) {    //发生错误时
                $imt('#respond #commentform').block({ 
					message: '<img src="'+imt_mysite_url+'images/ajax-loader.gif" />'+request.responseText, 
					fadeIn: 1000, 
					fadeOut: 1000, 
					timeout: 5000, 
					showOverlay: false, 
					centerY: false, 
					css: {width: '350px', top: '10px',left: '', right: '10px', border: 'none',  padding: '5px',  backgroundColor: '#000000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .6, color: '#fff',cursor:'wait' } 
				}); 
				var imterror='<span class="imt-request" style="color: rgb(255, 0, 0); font-size: 0.9em; font-weight: bold;">[提交失败]<span style="color: rgb(0, 0, 0); font-weight: normal; font-size: 12px;">'+request.responseText+'</span></span>';
				$imt('#respond #reply').append(imterror);
				var imt_error=$imt('#respond #reply .imt-request').hide();
				imt_error.fadeIn(1000);
            },
            success: function(data) {
                $imt('textarea').each(function(){
                    this.value='';
                });
				$imt('#respond #reply').append('<span class="imt-request" style="color: rgb(0, 58, 33); font-size: 0.9em; font-weight: bold;">[提交成功]</span>');
				var imt_error=$imt('#respond #reply .imt-request').hide();
				imt_error.fadeIn(1000);
                if (!$imt('#comments .comment-list').length) {
                $imt('#respond').before('<div id="comments"><ol class="comment-list"></ol></div>');}
                $imt('#comments .comment-list').append(data);    //向ID为 thecomments 的元素添加数据，也就是整个 ol 或 ul
				var new_comment = $imt('#comments .comment-list li:last').hide();    //让最新添加的数据隐藏
				new_comment.slideDown(1000);    //再显示，这里是为了实现滑出的效果，不想要也可以直接显示
                $imt('#respond #commentform:input').attr('disabled', true);
                $imt('#respond #commentform').block({ 
                message: '<img src="'+imt_mysite_url+'images/ajax-loader.gif" />提交成功！感谢您参与这篇日志的讨论', 
                fadeIn: 1500, 
				fadeOut: 1500, 
				timeout: 4000, 
				showOverlay: false, 
				centerY: false, 
				css: {width: '350px', top: '10px',left: '', right: '10px', border: 'none',  padding: '5px',  backgroundColor: '#000000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .6, color: '#fff',cursor:'wait' } 
            }); 
				setTimeout(function() {
                $imt('#respond #commentform:input').removeAttr('disabled');
                }, 15000);        //这里是设置10秒之后才可以再次留言，自行设置，单位毫秒。
            }
        });
       return false;
   } );
}
$imt(document).keypress(function(e){//实现Ctrl+Enter 快捷键发表评论
	if(e.ctrlKey && e.which == 13 || e.which == 10) {
		$imt("#commentform").submit();
	} else if (e.shiftKey && e.which==13 || e.which == 10) {
		$imt("#commentform").submit();
	}
});



})